{% extends 'index.twig' %}


{% block init %}
<script>
var settings = {

		// Images
			images: {
				{% set data = app.generic.modelData('Asset', 'entity.parentId = :v1', {'v1' : 504}, { sort: 'rank', order: 'ASC' }) %}
				{% for itm in data['_data'] %}
					'/assets/image/{{ itm['id'] }}/1920/': 'center center',
				{% endfor %}
			},

		// Transition speed (in ms)
			speed: 2000,

		// Transition delay (in ms)
			delay: 9000

	};
</script>
{% endblock %}

{% block extraHead %}
<style>
.zoom {
	-moz-transition: transform ease 20s;
	-webkit-transition: transform ease 20s;
	transition: transform ease 20s;
}
.homecap {
	max-width: 950px;
	margin: 0 auto;
}
.homecap img {
	max-height: 95px;
}
.homecap td.first {
	padding-right: 50px;
}
.homecap td {
	vertical-align: top;
}
.homecap p {
	color: #fff !important;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	margin: 0 !important;
	opacity: 1 !important;
	text-transform: none !important;
	text-align: justify;
}
#slider {
	overflow: hidden !important; 
	height: 450px !important;
}

#slider .caption {
	background-color: rgba(120, 120, 120, 0.85) !important;
}
</style>
{% endblock %}

{% block content %}
<div id="banner-wrapper">
	<div id="slider">

	</div>
</div>
<div>&nbsp;</div>

<table class="homecap">
	<tr>
		<td class="first">
			<img src="/images/logo.jpg" />
		</td>
		<td>
			{% set contents = page.content|json_decode %}
			{% for itm in contents %}
				<p>{{ itm|json_encode|langdata2(lang)|raw }}</p>
			{% endfor %}
		</td>
	</tr>
</table>
{% endblock %}